@charset "utf-8";
@import "reset.css";
/*globe*/
body,html{font:12px/1.5 "微软雅黑",Arial; color:#fff;overflow-x:hidden; }
a{}
a:hover{color:#023f98;}

/*public*/
.w960{width:1000px;margin:0 auto;clear: both; /*overflow:hidden*/}
.sub-banner { height: 200px; box-shadow: 0px 4px 4px #C0BABA;}


/*header*/
.top{height:97px;background:url(../images/hearder_bg.jpg) repeat-x 0 0;}
.header{color:#fff;}
.header_left{width:430px;float:left;line-height:35px; padding-top:5px;}
.header_right{width:205px;float:right;margin-top:10px;}
.header_right li{float:left;padding:5px 8px;line-height:16px;}
.header_right li a{color:#fff; padding-left:3px;}
.header_right li a:hover{color:#fff;}

/*sarch*/
.search{float:right;display:inline;width:180px; height:25px;background:url(../images/search.jpg) no-repeat 0 0;}
.search dl{height:25px;overflow:hidden}
.search dt,.search dd{ }
.search dt{width:154px;height:22px;}
.search_input{height25px;line-height:25px;padding:2px 0;width:180px;margin-left:4px;border:0;background:none;color:#d4d4d4;outline:none}
.search_btn{width:34px;height:25px;border:0px;background:none;}
.searchus_tit span{ float:right;font-size:12px;}
.searchus_tit{font-size:16px;padding:24px 24px 0;}
.searchus_result{padding:0 24px;}
.searchus_result li{border-bottom:1px dashed #CCCCCC;padding:15px 0;}
.searchus_result li a{color:#0066CC;font-size:14px;font-weight:bold;}

/*navigation*/
.globalnav {width:1000px;margin:0 auto; padding-top:10px;}
.globalnav li { float: left; }
.globalnav li a { display: block; color: #000; font-size: 15px; font-family:microsoft yahei; font-weight:bold; line-height: 36px; width:142px; text-align:center;padding: 5px 0;}

.globalnav .nav-sep { background: #909191; width: 1px; height: 14px; margin-top: 14px;margin-right:}
.globalnav li>a:hover,
.globalnav .active>a{ color:#fff; background: #197fc7 url(../images/com-jt.gif) no-repeat center 35px;}
.globalnav .dropdown { position: absolute; z-index: 99; background: #ffffff;display: none; border-top:1px solid #5dbcea;}
.globalnav .dropdown .imgArea { padding: 20px 20px 20px 0 ;float:right}
.globalnav .dropdown .dd-r { float: left; padding-top: 15px; }
.globalnav .dropdown a { font-size: 14px; color: #000; padding: 0;  line-height: 32px; }
.globalnav .dropdown a:hover { color: #0157a7; }


/*banner*/
.banner { position: relative; overflow: hidden; min-width: 1000px; width: 100%; height: 100%; background:#a9e1fa;}
.banner .bd li a {
	position: absolute;
	left: 0;
	top: -1px;
	overflow: hidden;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	width: 100%;
	min-width:900px;
	height: 100%;
	background-size:cover  /* superslide 取值规定必须是具体数值 */;
}
.banner .hd {
   position: absolute;
   width: 200px;
   left: 48%;
   bottom:70px;
   height: 15px;
   line-height: 0;
   overflow: hidden;
   font-size: 0;
    

}
.banner .hd li {
   float: left;
   background: url(../images/bannertipout.png) no-repeat;
   cursor: pointer;
   width: 12px;
   height: 12px;
   line-height: 0;
   overflow: hidden;
   font-size: 0;
   margin-right: 6px;

}
.banner .hd .on {
   background: url(../images/bannertipon.png) no-repeat;
}


/*main*/
.index_box{position:fixed;bottom:70px;left:50%;margin-left:-500px;height:195px; /*overflow:hidden;*/}
.box1{float:left;width:172px;height:149px; margin:0 36px 0 0; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF) \8; background-color: rgba(255,255,255,.8);
border-radius: 10px; -webkit-box-shadow:0 0 10px #000;  -moz-box-shadow:0 0 10px #000;   box-shadow:0 0 10px #363636; }
.box1:hover{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#023f98, endColorstr=#023f98) \8; background-color: rgba(2,63,152,.6); }
.box1:hover .box1_tit a{color:#fff;}
.box1_tit{ font-size: 16px; text-align:center;}
.box1_tit a{color: #333;padding-left: 10px;}
.box1_tit a:hover{color:#fff;}
.box1_con{margin:15px 45px; text-align:center}

/*footer*/
.footer{background:url(../images/footbg.png) repeat-x 0 0;height:60px;color:#fff;  }


.home .footer { width:100%; position:fixed; bottom: 0;}


.root left{ float:left; padding-top:15px; line-height:18px;}
.right { float:right; padding-top:10px;}
.root span{ float:left;}
.root traffic{float:right; width:50px; height:12px; padding-top:6px; padding-left:5px;}
.root a{color:#fff;}
.root a:hover{color:#fff;}
.menu { position: relative; width: 121px; left: 30%;clear:both;/* float:right*/ }
.menu-hd { position: relative; z-index: 10002; overflow: hidden; height: 20px; line-height: 20px; background: #fff; border: 1px solid #c6c6c6; color: #666; }
.menu-hd .arr { position: absolute; width: 15px; height: 16px; line-height: 16px; text-align: center; /*background:url(../images/link.gif) no-repeat;color: #fff;*/ right: 1px; top: 1px; }
.menu-hd .arr .fa { line-height: 20px; font-size: 16 px; }
.menu-bd { display: none; position:absolute;z-index: 10001; right: 0;bottom: 23px;/*margin-top: -1px;*/ padding: 10px 10px; border: 1px solid #ddd; background: #fff; width: 120px; }
.menu-hover .menu-hd { }
.menu-hover .menu-bd {padding-bottom: 20px; }
.menu-hover .menu-bd li a { display: block; color:#666;line-height: 20px;height: 28px;margin-top:0;}
.menu-hover .menu-bd li a:hover { color:#000}
/* ==========================================================================